<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pm="http://primefaces.org/mobile"
	xmlns:pt="http://xmlns.jcp.org/jsf/passthrough">

<h:head>
	<title>Buscar receta</title>
</h:head>
<h:body>


<p:panel header="Buscar receta">
<h:form>
	<p:panelGrid columns="1">
	
		<pm:field>
		    <p:outputLabel for="nombre" value="Nombre:" />
		    <p:inputText id="nombre" value="#{buscadorView.nombreReceta}"/>
		</pm:field>
		
		<pm:field>
		    <p:outputLabel for="tipoReceta" value="Tipo:" />
				<p:selectOneMenu id="tipoReceta" required="true" label="Tipo:"
					value="#{buscadorView.tipoReceta}">
					<f:selectItems value="#{buscadorView.listaTipoRecetas}" var="tipo"
						itemLabel="#{tipo.nombreTipo}" itemValue="#{tipo.idTipo}" />
				</p:selectOneMenu>
		</pm:field>
	</p:panelGrid>
	<p:commandButton title="Buscar" value="Buscar" action="#{buscadorView.buscar}" update="lista_recetas"></p:commandButton>
	
<p:dataList id="lista_recetas" value="#{buscadorView.listaBusqueda}" var="receta" 
	pt:data-inset="true" rendered="true">
    <f:facet name="header">
        <h:outputText>Lista de recetas</h:outputText>
    </f:facet>
    <h:commandLink action="#{buscadorView.verRecetaSeleccionada(receta.idReceta)}">
        <h2>#{receta.nombreReceta}</h2>
       
        <p class="ui-li-aside"><strong>#{receta.origen}</strong></p>
    </h:commandLink>
    <f:facet name="footer">
        <h:outputText>Lista de recetas</h:outputText>
    </f:facet>
</p:dataList> 
</h:form>
<p:commandButton title="Insertar Receta" value="Insertar Receta" action="#{buscadorView.irInsertarReceta}" ></p:commandButton>
<p:commandButton title="Cerrar Sesion" value="Cerrar Sesión" action="#{buscadorView.cerrarSession}" ></p:commandButton>
</p:panel>

</h:body>
</html>